<template lang="pug">
    .wrapper
        .container
            Row
                Col(span="4")
                    Menu(width="auto", @on-select="jump")
                        MenuGroup(title="统计页面")
                            Menu-Item(name="statistics/user") 用户统计
                            Menu-Item(name="statistics/notice") 通告统计
                            Menu-Item(name="statistics/search") 搜索统计
                            Menu-Item(name="statistics/page") 访问统计
                        MenuGroup(title="应用设置")
                            Menu-Item(name="banner") banner 更换
                            Menu-Item(name="ad") 广告更换
                        MenuGroup(title="操作页面")
                            Menu-Item(name="user") 用户操作
                            Menu-Item(name="notice") 通告管理
                            Menu-Item(name="report") 举报管理
                            Menu-Item(name="dishonesty") 失信管理
                            Menu-Item(name="exposure") 曝光管理
                        MenuGroup(title="账号相关")
                            Menu-Item(name="logout") 退出
                Col(span="20")
                    .content
                        router-view
</template>

<script>
    export default {
        methods: {
            jump(name) {
                if (name !== 'logout') {
                    this.$router.push(`/${name}`);
                } else {

                    this.exit();
                }
            },

            async exit() {
                await this.$http.post('/tools_user/logout');
                this.$store.commit('logout');
                this.$router.push('login');
            }
        },

        beforeRouteEnter(to, from, next) {
            next(vm => {
                if (!vm.$store.state.login) {
                    vm.$router.replace('/login');
                }
            });
        },
    }
</script>

<style lang="stylus" scoped>
    .wrapper
        background #eee
        min-height 100%
    .container
        width       90%
        background  #fff
        margin 0 auto
        border-radius 10px
        height 100%
    .content
        margin 0 20px
</style>
